page{
    background-color: #AEAB8A;
}
.card{
    background-color: #EBD3A6;
    height: 360rpx;
    color: #775131;
    padding-top: 25rpx;
    .category{
        font-style:oblique;
        font-size: 36rpx;
        font-weight: 600;
        margin-left: 30rpx;
    }
    .user{
        margin-top: 25rpx;
        margin-left: 20rpx;
        display: flex;
        align-items: center;
        height: 120rpx;
        .avatar{
            image{
                height: 100rpx;
                width: 100rpx;
                border-radius: 100rpx;
                border: 5rpx solid #5A9ADA;
            }
        }
        .info{
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 20rpx;
            .nickname{
                font-size: 34rpx;
                font-weight: 600;
            }
            .deadline{
                font-size: 24rpx;
            }
        }
    }
    .bottom{
        margin-top: 35rpx;
        margin-left: 30rpx;
        display: flex;
        
        .cika{
            .times{
                font-size: 36rpx;
                font-weight: 600;
            }
            .name{
                margin-top: 10rpx;
                font-size: 24rpx;
            }
        }
        navigator{
            text-align: center;
            width:170rpx;
            margin-top: 15rpx;
            margin-left: 400rpx;
            color: #eee;
            background-color: #8D6B4E;
            height: 65rpx;
            font-size: 30rpx;
            border-radius: 45rpx;
            line-height: 65rpx;
        }
    }
}
.course{
    position: fixed;
    bottom: 15rpx;
    width: 750rpx;
    height: 90rpx;
    navigator{
        height: 90rpx;
        text-align: center;
        line-height: 90rpx;
        border-radius: 20rpx;
        background-color: #FFC43C;
        color: white;
        font-size: 36rpx;
    }
}